import { StyleSheet } from 'react-native';
import { SCREEN_WIDTH } from '@/utils/resize';

export default StyleSheet.create({
  container: {
    backgroundColor: '#000',
    width: SCREEN_WIDTH
  },
  indicators: {
    position: 'absolute',
    left: '50%',
    bottom: 50,
    transform: [{
      translateX: '-50%'
    }],
    flexDirection: 'row'
  },
  indicator: {
    width: 6,
    height: 6,
    borderRadius: '50%',
    backgroundColor: '#666',
    marginRight: 8
  },
  indicatorLast: {
    marginRight: 0
  },
  indicatorActive: {
    backgroundColor: '#fff'
  }
});